<template>
  <div id="app">
    <!-- 头部组件 -->
    <Topbar></Topbar>
    <Header></Header>
    <router-view />
    <!-- 底部 -->
    <Footer></Footer>
    <Login v-show="isShowLoginModel"></Login>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import Footer from '../src/components/Footer.vue'
import Topbar from '@/components/Topbar.vue'
import Header from '@/components/Header.vue'
import Login from '@/components/Login.vue'
export default {
  components: {
    Footer,
    Topbar,
    Header,
    Login,
  },
  computed: {
    ...mapState({
      isShowLoginModel: (state) => state.showModel.isShowLoginModel,
    }),
  },
}
</script>

<style lang="less"></style>
